<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8"/>
    <title>Blimp!</title>
    <link href="blimp.css" rel="stylesheet" type="text/css" />
  </head>

  <body>
    <div id="hello">
      <p id="sadpanda">
        Whoa there! This is bleeding edge stuff, you'll need
        <a href='http://nightly.mozilla.org/'>Firefox Nightly</a>
        to play with this.
      </p>
      <p>
        "Blimp!" is a nifty tool which turns a 3D model into basic HTML voxels.<br>
        <mark>Drag and drop</mark> an .obj file, wait a bit, then start Tilt.
      </p>
      <div id="progress"></div>
      <div id="importing">hardcore importing, stand by...</div>
    </div>
    <div id="bottom">
      <div>
        You can even play with this magic number!
      </div>
      <input id="bound" type="number" value="350">
      &lt;~ generated mesh dimensions (try not to enter a very large value;
      <a href="http://twitter.com/victorporof">#kthxbye</a>)
    </div>
    <a href="http://github.com/victorporof"><img style="position: absolute; top: 0; left: 0; border: 0;" src="https://a248.e.akamai.net/assets.github.com/img/bec6c51521dcc8148146135149fe06a9cc737577/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f6c6566745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub"></a>

    <script type="text/javascript;version=1.8" src="blimp.js"></script>
    <script type="text/javascript;version=1.8" src="dropbox.js"></script>
  </body>

</html>
